<!doctype html>
{% load static %}
<html>
<head>
    <meta charset="utf-8">
    <title>登录注册</title>
    <style type="text/css">
        @import url("{% static 'talks/css/star.css' %}")
     </style>
    </head>
<body>
    
    <canvas id="canvas"></canvas>
    
    <div id="moon" draggable="true">
        <img id = moonPic src="{% static '/talks/image/moon/moon6.png' %}" width="50%" height="50%" alt="TheMoon" >
    </div>
    
    <div id="adjBox">
    <form id="adjustForm">
        <fieldset style="width: 200%">
      <legend>Console information:</legend>
            <br>
            <input hidden="hidden" name="flag" value=0>
            
            星星的数量: <input type="text" name="num" value=""><br>
            星星的尺寸: <input type="text" name="dotSize" value=""><br>
            星星的速度: <input type="text" name="speed" value=""><br>
            星星的颜色: <input type="text" name="dotColor" value=""><br>
            线条的颜色: <input type="text" name="colorList" value=""><br>
            线条连线长: <input type="text" name="lineDotL" value=""><br>
            鼠标连线长: <input type="text" name="lineMousL" value=""><br>
            
            <span>moonStyle:</span>
            <select name="moonStyle">
               <option value="1">style1</option>
               <option value="2">style2</option>
               <option value="3" >style3</option>
               <option value="4">style4</option>
                <option value="5">style5</option>
                <option value="6" selected>style6</option>
            </select><br>
            
             <span>dotStyle  : </span>
            <input type="radio" name="dotStyle" value="fill" checked="checked"> fill 
            <input type="radio" name="dotStyle" value="scroke" > stroke <br>
          
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input type="button" value="提交" onclick="change()">
        
        </fieldset>
    </form >
    </div>
    
    <div id = welcome>
        <img src="{% static 'talks/image/welcome.png' %} ">
    </div>
   
    <div id = "login">       
        <form id="loginForm" action="/login/" method="post">
            <input hidden="hidden" name="flag" value=0>
			 <p id="checkFlag" style="color:red ;"></p>
         	账号: <input type="text" name="account" value=""><br><br>
            密码: <input type="password" name="password" value=""><br><br><br><br>
            <p onclick="tryLogin()" style= float:left>我要登录</p>
            <p onclick="goRegiste()" style= float:right>还没注册</p>
        </form>
    </div>
    
    <div id = "registe">
        <form id="registeForm" action="/register/" method="post">
            <input hidden="hidden" name="flag" value=0>
            
             <p id="checkFlag2" style="color:red ;"></p>
            您的名字: <input type="text" name="name" value=""><br><br><br>
            您的账号: <input type="text" name="account" value=""><br><br><br>
            您的密码: <input type="password" name="password" value=""><br><br><br>
            确认密码: <input type="password" name="firmPassword" value=""><br><br><br>
            <p onclick="tryRegiste()" style= float:left>点我注册</p>
            <p onclick="goLogin()" style= float:right>返回登录 </p>
        </form>
        
    </div>
        {% if msg %}
        <span>{{msg}}</span>
        {% endif %}
    </body>

    <script text/javascripe src="{% static 'talks/js/star.js' %}" charset="utf-8">     
    </script>
    
    <script src = "{% static 'talks/js/login.js' %}"> 
    </script>
    
   <script src="{% static 'talks/js/jquery-3.3.1.min.js' %} "></script>
    
    
</html>